<template>
  <view class="wrapper">
    <u-navbar title="炎华潮玩群主邀请您加入" :placeholder="true" leftIconColor="#ffffff" :titleStyle="{ color: '#ffffff' }"
      bgColor="transparent" :autoBack="true">
    </u-navbar>
    <view class="box">
      <view class="t1">宠物主交流群</view>
      <u-image src="https://res.jiyaqi.com/pet/miniapp/public/qun.png" width="400rpx" height="400rpx" mode="aspectFill"></u-image>
      <view class="t2">保存图片用微信扫一扫 添加群主</view>
    </view>
  </view>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
.wrapper {
  background: linear-gradient(180deg, #FF5900 0%, rgba(1, 188, 141, 0) 100%);
}

.box {
  margin: 32rpx auto 0;
  padding: 74rpx 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 686rpx;
  background: #FFFFFF;
  border-radius: 20rpx;

  .t1 {
    margin-bottom: 32rpx;
    font-size: 36rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 50rpx;
  }

  .t2 {
    margin-top: 32rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 40rpx;
  }
}
</style>
